<!doctype html>
<html lang="zh-CN">

<head>
    <title>新闻中心</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/about-us.css">
    <link rel="stylesheet" href="./css/el/index.css">
    <link rel="stylesheet" href="./css/component/hea.css">
    <link rel="stylesheet" href="./css/component/bottom.css">
    <style>
        .swiper-container-2 .swiper-pagination-bullets {
            bottom: 40px;
        }
        
        .nfc-wrap {
            padding: 15px;
            border: 1px solid #F5F5F5;
        }
        
        .nfc-con-wrap {
            max-height: 660px;
            overflow: hidden;
        }
        
        .nfc-con {
            padding-bottom: 15px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #f5f5f5;
        }
        
        .nfc-con>div {
            height: 100px;
        }
        
        .nfc-con>div:first-of-type {
            flex: 0 0 100px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-right: 20px;
            color: white;
            background: #0099CC;
        }
        
        .nfc-con>div:first-of-type>h1 {
            padding-bottom: 5px;
            font-size: 20px;
            font-weight: 800;
        }
        
        .nfc-con>div:first-of-type>p {
            font-size: 16px;
        }
        
        .nfc-con>div:last-of-type {
            flex: 1 1 0;
            overflow: hidden;
        }
        
        .nfc-con-font>h1 {
            padding-bottom: 23px;
            display: flex;
            align-items: center;
        }
        
        .nfc-con-font>h1>span:first-of-type {
            flex: 1 1 0;
            font-size: 15px;
            color: #0099CC;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .nfc-con-font>h1>span:last-of-type {
            flex: 0 0 80px;
            text-align: right;
            color: #0099CC;
        }
        
        .nfc-con-font>p {
            font-size: 14px;
            color: #7A7A7A;
            line-height: 20px;
            letter-spacing: 1px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }
        
        .nfc-pag {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 30px 0 20px;
            font-size: 15px;
            color: #7A7A7A;
        }
    </style>
</head>

<body>
    <div id='app'>

        <!-- 公共头部 -->
        <div class='com-hea-wrap'>
            <div class='com-hea-top'>
                <div>1</div>
                <div class='com-top-con dis-spa'>
                    <div class='dis-spa com-top-liulan'>
                        <div class='dis-spa' id='hover-hea'>
                            <div class='icon-trans hover-ani'>
                                <div id='hover-white-1' el='#hover-white-1'></div>
                                <img el='#hover-white-1' class='hover' src='./img/btc.png' width='20px' height='20px' />
                            </div>
                            <div class='icon-trans hover-ani'>
                                <div id='hover-white-2' el='#hover-white-2'></div>
                                <img el='#hover-white-2' class='hover' src='./img/yi.png' width='20px' height='20px' />
                            </div>
                        </div>
                        <img src='./img/hea-bg.png' height='42px' />
                    </div>
                    <div class='dis-spa com-top-contact'>
                        <div class='dis-spa'>
                            <img src='./img/weixin.svg' width='20px' height='20px' />
                            <span>17353262583 17365294814</span>
                        </div>
                        <div class='dis-spa'>
                            <img src='./img/icon-oil.svg' width='20px' height='20px' />
                            <span>023-63410620</span>
                        </div>
                        <div class='dis-spa'>
                            <img src='./img/icon-phone.svg' width='20px' height='20px' />
                            <span>023-63410620</span>
                        </div>
                    </div>
                </div>
                <div>2</div>
            </div>
            <div class='com-hea-bottom'>
                <div class='center-con dis-spa'>
                    <img class='hover' src="./img/logo.png" height="40px">
                    <div class='com-bom dis-spa'>
                        <span onclick='window.location.href="index.html"' class=" hover">首页</span>
                        <span onclick='window.location.href="about-us.html"' class='hover'>关于我们</span>
                        <span onclick='window.location.href="solution-nfc.html"' class='hover'>行业解决方案</span>
                        <span onclick='window.location.href="case.html"' class='hover'>合作案例</span>
                        <span onclick='window.location.href="news.html"' class='hea-active hover'>新闻中心</span>
                        <span onclick='window.location.href="find-we.html"' class=' hover'>联系我们</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 公共头部 -->
        <div class='content-1'>
            <div class="swiper-container swiper-container-2" style="height:100%;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./img/about-us.png" width="100%" height="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="./img/about-us.png" width="100%" height="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="./img/about-us.png" width="100%" height="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="./img/about-us.png" width="100%" height="100%">
                    </div>
                </div>
                <div class="swiper-pagination swiper-pagination-2"></div>
            </div>
        </div>
        <div class='content-2' style="margin-top:40px;margin-bottom:50px;">
            <div class='center-con dis-spa' style="align-items:flex-start;">
                <div class='con-2-left'>
                    <p>新闻中心/News</p>
                    <p class='left-active hover'>公司新闻</p>
                    <p class='hover'>行业新闻</p>
                    <div class='dis-spa'>
                        <img src="./img/xiangmu.svg" width="35px" height="35px">
                        <div>
                            <p>查看案例</p>
                            <p>查看公司成功案例</p>
                        </div>
                    </div>
                    <div class='dis-spa'>
                        <img src="./img/edit.svg" width="35px" height="35px">
                        <div>
                            <p>在线咨询</p>
                            <p>在线咨询也能下单</p>
                        </div>
                    </div>
                </div>
                <div class='con-2-right'>
                    <p>
                        <span>您现在的位置：首页 - 新闻中心 -</span>
                        <span>公司新闻</span>
                    </p>
                    <div style="padding-top:18px;">
                        <div class='nfc-wrap'>
                            <div class='nfc-con-wrap'>
                                <div class='nfc-con hover'>
                                    <div>
                                        <h1>03</h1>
                                        <p>2018-12</p>
                                    </div>
                                    <div class='nfc-con-font'>
                                        <h1>
                                            <span>茶叶NFC防伪溯源营销解叶NFC防伪溯源营销解叶NFC防伪溯源营销解叶NFC防伪溯源营销解叶NFC防伪溯源营销解决方案</span>
                                            <span><更多></span>
                                        </h1>
                                        <p>sdklfakjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉akjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉akjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉akjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉撒旦发个解开了士大夫地方艰苦拉萨的法国解开了士大夫</p>
                                    </div>
                                </div>
                                <div class='nfc-con hover'>
                                    <div>
                                        <h1>03</h1>
                                        <p>2018-12</p>
                                    </div>
                                    <div class='nfc-con-font'>
                                        <h1>
                                            <span>茶叶NFC防伪溯源营销解叶NFC防伪溯源营销解叶NFC防伪溯源营销解叶NFC防伪溯源营销解叶NFC防伪溯源营销解决方案</span>
                                            <span><更多></span>
                                        </h1>
                                        <p>sdklfakjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉akjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉akjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉akjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉撒旦发个解开了士大夫地方艰苦拉萨的法国解开了士大夫</p>
                                    </div>
                                </div>
                                <div class='nfc-con hover'>
                                    <div>
                                        <h1>03</h1>
                                        <p>2018-12</p>
                                    </div>
                                    <div class='nfc-con-font'>
                                        <h1>
                                            <span>茶叶NFC防伪溯源营销解叶NFC防伪溯源营销解叶NFC防伪溯源营销解叶NFC防伪溯源营销解叶NFC防伪溯源营销解决方案</span>
                                            <span><更多></span>
                                        </h1>
                                        <p>sdklfakjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉akjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉akjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉akjlsdjkl深度发掘克拉克家乐福深度发掘喀喇昆仑即使对方十大科技立法解开了士大夫时代风帆金克拉撒旦发个解开了士大夫地方艰苦拉萨的法国解开了士大夫</p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- 公共底部 -->
        <div class='com-bom-wrap'>
            <div class='center-con dis-spa com-bom-par'>
                <div class='com-bom-left'>
                    <h1>智鼎溯源</h1>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/address.svg' width='14px' height='14px' />
                            <span>重庆市渝中区经纬大道789号美源-美源大厦12层</span>
                        </p>
                        <p class='dis-spa'>
                            <img src='./img/phone.svg' width='14px' height='14px' />
                            <span>023-63410620</span>
                        </p>
                    </div>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/address.svg' width='14px' height='14px' />
                            <span>北京市海淀区安宁庄西路9号金泰富地大厦201</span>
                        </p>
                        <p class='dis-spa'>
                            <img src='./img/phone.svg' width='14px' height='14px' />
                            <span>010-82743591</span>
                        </p>
                    </div>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/oil.svg' width='14px' height='14px' />
                            <span>service@xi-tech.com.cn</span>
                        </p>
                    </div>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/weixin-black.svg' width='14px' height='14px' />
                            <span>17353262583 &nbsp;17365294814</span>
                        </p>
                    </div>
                    <p style='padding-top: 100px;'>Copyright 智鼎溯源有限公司 渝ICP备 17006571号-1</p>
                </div>
                <div class='com-bom-right'>
                    <div class='dis-spa'>
                        <div class='dis-spa com-input-lian'>
                            <input type='text' placeholder='你的联系方式' />
                            <p class='hover'>提交</p>
                        </div>
                        <div class='hover' style='flex:0 0 100px;'>
                            图片
                        </div>
                    </div>
                    <div class='dis-spa' style='padding-top:100px;font-size:15px;'>
                        <span class='hover'>关于我们</span>
                        <span class='hover'>新闻中心</span>
                        <span class='hover'>联系我们</span>
                        <span class='hover'>寻求帮助</span>
                        <span class='hover'>深入了解</span>
                        <span class='hover'>产品中心</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 公共底部 -->
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/scrollReveal.js"></script>
    <script src="./js/com.js"></script>
    <script>
        new Swiper('.swiper-container-2', {
            autoplay: {
                disableOnInteraction: false,
            },
            loop: true,
            pagination: {
                el: '.swiper-pagination-2',
            },
        });
    </script>
</body>

</html>